<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head><meta content='D2kTUFgXeQVLiopjD96itTAJ7s_mQ6QtyFia5MQPhNU' name='google-site-verification'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.pageTitle/></title><b:else/><title><data:blog.pageName/></title></b:if><meta content='URANG KURAI' name='description'/><meta content='blogger' name='generator'/><link href='/atom.xml' rel='alternate' title='west sumatera - Atom' type='application/atom+xml'/><link href='/rss.xml' rel='alternate' title='west sumatera - RSS' type='application/rss+xml'/><link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Belgrano|Loved+by+the+King|Yeseva+One|Audiowide|Overlock' rel='stylesheet' type='text/css'/>
   <b:if cond='data:blog.homepageUrl == data:blog.url'>  
<link href='http://pushingpixels.at/wp-content/themes/pushingpixels/style.css?c=ice&amp;t=1389622795' rel='stylesheet' type='text/css'/>
 
<b:else/>

 <b:skin><![CDATA[/**

===================================||
Kopizine ~ Creative Over      ||
===================================||
<->Template Name: Kopizine V0.2    ||
<->Designed by: Syauqi A / MRuqhi  ||
<->Date: 31/05/2012                ||
===================================||
Kopizine ~ Creative Over      ||
===================================||
*/
/* RESET */
#navbar-iframe {display:none;}
* {padding:0;margin:0;border:none;outline:none;}
*:focus {outline:none;}
/* GENERAL */

h1 {font-size:44px;line-height:66px;}
h2 {font-size:36px;line-height:54px;}
h3 {font-size:28px;line-height:42px;}
h4 {font-size:24px;line-height:36px;}
h5 {font-size:18px;line-height:27px;}
h6 {font-size:16px;line-height:24px;}
a:link,a:visited,a:active,a:hover{
text-decoration:none;
color:rgb(74, 255, 3)
}
a img {border:0;}
blockquote,
q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {
content:'';
content:none;
}
body {

background:url(http://3.bp.blogspot.com/-dmdC5nNJFHw/T_6c1nXLbdI/AAAAAAAADMQ/dqtTl1SxDrU/s1600/wood-oak.jpg);
}
table {
border-collapse:collapse;
border-spacing:0;
}
table[border="1"] td,
table[border="1"] th {
border:1px solid #555;
padding:0.5em 1em;
}
/* WRAP */
#wrap {
margin:0px auto;
}
/* NAVIGATION */
#nav {
position:absolute;
top:0px;
right:0px;
left:0px;
border-bottom:1px solid rgba(255,255,255,0.1);background:#000;box-shadow:3px 10px 10px #000,3px -10px 15px rgba(0,0,0,0.7);-moz-box-shadow:3px -10px 15px rgba(0,0,0,0.7);-webkit-box-shadow:3px 10px 10px #000,3px -10px 15px rgba(0,0,0,0.7);
}
#nav ul {
margin:0;
padding:0;
list-style:none;
height:30px;
}
#nav ul li {
margin:0;
padding:0;
float:left;
text-transform:uppercase;
position:relative;
}
#nav ul li a {
display:block;
padding:0px 12px;
line-height:30px;
height:30px;
overflow:hidden;
color:#Ccc;
text-shadow:0px 0px 5px white;
font-family: 'Oldenburg', cursive;
}
#nav ul li a:hover {
color:#C6EB04;
text-shadow:0px 0px 5px #C6EB04;
}
#nav ul li ul {
clear:both;
width:170px;
height:auto;
margin:0;
padding:0;
top:100%;
position:absolute;
background-color:white;
z-index:777;
text-align:left;
display:none;
box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
#nav ul li:hover ul.hidden {
display:block;
}
#nav li a.active { color:#C6EB04;
text-shadow:0px 0px 5px #C6EB04;}
#nav li li {
display:block;
float:none;
}
#nav li li a {
display:block;
}
/*  CONTENT */
#content {
margin:0px auto 0px;
text-align:left;
}

/* BLOG PAGER */
#blog-pager
{
text-align:center;
clear:both;
text-transform:uppercase;
margin:0;
padding:0;
}
#blog-pager a
{
font:normal bold 44px arial,sans serif;
color:#111;
text-shadow:0 2px 2px rgba(0, 0, 0, 9);
padding:0;
}
#blog-pager a:hover
{
font:normal bold 44px arial,sans serif;
color:#fff;
text-shadow:0 0 10px #C6EB04;
letter-spacing:3px;
text-decoration: none;
padding:0;
}
#blog-pager-newer-link {position : fixed;left:10px;z-index : 99999;bottom :45%;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;
}
#blog-pager-older-link {position : fixed;right :10px;z-index : 99999;bottom :45%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: lr-tb;
}
/* COMMENTS */
#comments {
width:95%;
overflow:hidden;
background: url(http://4.bp.blogspot.com/-15aVf83hKto/UBJuT_98egI/AAAAAAAABM8/QaOAoV_MKmY/s1600/page.jpg);
color:#fff;
font:12px/14px arial,sans serif;
margin:0 auto;
padding:30px auto;
}
#comments h4 {
display:block;
font-family:arial,sans serif;
font-size:200%;
color:#fff;
background:none;
border-bottom:4px double #fff;
border-top:4px double #fff;
margin:40px 0 40px 0;
padding:10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.comments {
clear:both;
}
.comments-content p {
background:none;
border:1px solid #fff;
padding:20px;
color:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.comments .comments-content {
margin-bottom:16px;
}
.comments .comment .comment-actions a {
padding-right:5px;
padding-top:5px;
}
.comments .comment .comment-actions a:hover {
text-decoration:underline;
}
.comments .comments-content .comment-thread ol {
list-style-type:none;
padding:0;
text-align:left;
}
.comments .comments-content .inline-thread {
padding:.5em 1em;
}
.comments .comments-content .comment-thread {
margin:2px 0px 0px !important;
}
.comments .comments-content .comment-thread:empty {
display:none;
}
.comments .comments-content .comment-replies {
margin-left:70px;
margin-top:1em;
background-color:rgba(0,0,0,0.1);
border:1px solid rgba(0,0,0,0.1);
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .icon.blog-author {
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
background-repeat:no-repeat;
background-image:url();
}
.comments .comments-content .datetime {
float:right;
}
.comment-header {
position:relative;
margin:20px 0 0 30px;
width:100%;
border-bottom:1px solid #fff;
padding:10px;
color:#fff;
}
.comments .comments-content .comment-header,.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comments .comments-content .comment-content {
text-align:justify;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border:none;
height:250px;
width:100%;
}
.comments .comment-replybox-single {
margin-left:48px;
margin-top:5px;
}
.comments .comment-replybox-thread {
margin-top:5px;
}
.comments .comments-content .loadmore a {
display:block;
padding:10px 16px;
text-align:center;
}
.comments .thread-toggle {
cursor:pointer;
display:inline-block;
}
.comments .continue {
cursor:pointer;
}
.comments .continue a {
display:block;
font-weight:bold;
padding:.5em;
}
.comments .comments-content .loadmore {
cursor:pointer;
margin-top:3em;
max-height:3em;
}
.comments .comments-content .loadmore.loaded {
max-height:0;
opacity:0;
overflow:hidden;
}
.comments .thread-chrome.thread-collapsed {
display:none;
}
.comments .thread-toggle {
display:inline-block;
}
.comments .thread-toggle .thread-arrow {
display:inline-block;
height:7px;
margin:.3em;
overflow:visible;
padding-right:4px;
width:7px;
}
.comments .thread-expanded .thread-arrow,
#blog-pager a.home-link.active {
background:url("") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow,
#blog-pager a.home-link {
background:url("") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
margin:5px 0 0 0;
}
.comments .avatar-image-container img {
border:none;
max-width:none;
max-height:none;
width:42px;
height:42px;
}
.comments .comment-block {
margin-left:70px;
position:relative;
}

/**
* Blogazine Layout System by Taufik Nurrohman - https://plus.google.com/108949996304093815163/posts
* Licence: http://creativecommons.org/licenses/by/2.5/
*/
/* CSS Float*/
.clear {clear:both;} /* clear float */
.left {float:left!important;} /* left alignment */
.right {float:right!important;} /* right alignment */
.hidden {display:none;} /* hidden element */
/* Text Alignment */
.text-left {text-align:left;} /* text-align left */
.text-right {text-align:right;} /* text-align right */
.text-center {text-align:center;} /* text-align center */
/* Image Alignment */
img.left {margin:0px 0px 5px 10px;} /* left alignment */
img.right {margin:0px 10px 5px 0px;} /* right alignment */
img.center {margin:0px auto 0px;} /* center alignment */
/**
* The 1140px Grid V2 by Andy Taylor
* http://cssgrid.net
* http://www.twitter.com/andytlr
* http://www.andytlr.com
*/
.row {
width:100%;
max-width:1140px;
min-width:755px;
margin:0 auto;
overflow:hidden;
}
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol {
margin-right:3.8%;
float:left;
min-height:1px;
}
.row .onecol{width:4.85%;}
.row .twocol{width:13.45%;}
.row .threecol{width:22.05%;}
.row .fourcol{width:30.75%;}
.row .fivecol{width:39.45%;}
.row .sixcol{width:48%;}
.row .sevencol{width:56.75%;}
.row .eightcol{width:65.4%;}
.row .ninecol{width:74.05%;}
.row .tencol{width:82.7%;}
.row .elevencol{width:91.35%;}
.row .twelvecol{width:100%;float:left;}
.last{margin-right:0px;}
img,
object,
embed {max-width:100%;}
img {height:auto;}
/*
Sistem Grid sederhana
*/
.isi_12 {margin-left: auto; margin-right: auto;}
.kolom_1, .kolom_2, .kolom_3, .kolom_4, .kolom_5, .kolom_6, .kolom_7, .kolom_8, .kolom_9, .kolom_10, .kolom_11, .kolom_12 {display: inline; float: left; margin-left: 1%; margin-right: 1%;}
.isi_12 .kolom_1 {width: 6.333%;}
.isi_12 .kolom_2 {width: 14.666%;}
.isi_12 .kolom_3 {width: 23%;}
.isi_12 .kolom_4 {width: 31.333%;}
.isi_12 .kolom_5 {width: 39.666%;}
.isi_12 .kolom_6 {width: 48%;}
.isi_12 .kolom_7 {width: 56.333%;}
.isi_12 .kolom_8 {width: 64.666%}
.isi_12 .kolom_9 {width: 73%;}
.isi_12 .kolom_10 {width: 81.333%;}
.isi_12 .kolom_11 {width: 89.666%;}
.isi_12 .kolom_12 {width: 98%;}
.isi_12 .kekanan_1 {margin-left: 8.333%;}
.isi_12 .kekanan_2 {margin-left: 16.666%;}
.isi_12 .kekanan_3 {margin-left: 25%;}
.isi_12 .kekanan_4 {margin-left: 33.333%;}
.isi_12 .kekanan_5 {margin-left: 41.666%;}
.isi_12 .kekanan_6 {margin-left: 50%;}
.isi_12 .kekanan_7 {margin-left: 58.333%;}
.isi_12 .kekanan_8 {margin-left: 66.666%;}
.isi_12 .kekanan_9 {margin-left: 75%;}
.isi_12 .kekanan_10 {margin-left: 83.333%;}
.isi_12 .kekanan_11 {margin-left: 91.666%;}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Smaller screens */
@media only screen and (max-width:1023px) {
body {
font-size:2em;
line-height:1.5em;
}
}
/* Mobile */
@media handheld,only screen and (max-width:767px) {
body {
-webkit-text-size-adjust:none;
}
.row,
body {
width:100%;
min-width:0;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
}
.row .onecol,
.row .twocol,
.row .threecol,
.row .fourcol,
.row .fivecol,
.row .sixcol,
.row .sevencol,
.row .eightcol,
.row .ninecol,
.row .tencol,
.row .elevencol,
.row .twelvecol {
width:auto;
float:none;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:600px) {
#headace {padding-top:50px;}
#headace h1 {font-size:50px !important;font-weight:bold;}
margin-left:0;
}

a.openpanel {
display:block;
width:auto;
padding:0px 0px;
text-align:center;
font-weight:bold;
line-height:32px;
background:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
color:#c6cef7;
text-decoration:none;
margin:0px 0px;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(0,0,0,0.2);
position:relative;
}
a.openpanel em {
width:0px;
height:0px;
display:block;
position:absolute;
top:15px;
right:15px;
}
a.openpanel.active {background:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);}
a.openpanel.active em {
top:6px;
border-color:transparent transparent white transparent;
}
div.paneline {
height:0px;
}
div.hompiPanel {
padding:10px 20px 20px;
-webkit-box-shadow:
4px 1px 12px rgba(0, 0, 0, .2),
0 3px 11px rgba(0,0,0,.7)inset;
-moz-box-shadow:
4px 1px 12px rgba(0, 0, 0, .2),
0 3px 11px rgba(0,0,0,.7)inset;
box-shadow:
4px 1px 12px rgba(0, 0, 0, .2),
0 3px 11px rgba(0,0,0,.7)inset;
}
margin:0px 0px !important;
}

#lanjut a {
-moz-transition:all 0.5s ease 0s;
margin:0 0 0 5px;
opacity:1.0;
height:8%;
overflow:hidden;
position:fixed;
text-indent:-9999px;
bottom:10%;
;
z-index:9;
width:40px;
}
#lanjut a:hover {
opacity:0.2;
}
.lanjut-link-lama {
background:url(http://4.bp.blogspot.com/-HEDkvtEnWkU/T5BPGNzdGeI/AAAAAAAAAgQ/mm175M28JJ8/s1600/kanaan.png) no-repeat scroll 0 0 transparent;
right:2%;
-moz-transition:text-shadow .3s ease-out;
}
.lanjut-link-baru {
background:url(http://2.bp.blogspot.com/-3C-lmqXoRug/T5BPI1mgq4I/AAAAAAAAAgk/p8Hgp2R8KIg/s1600/kirii.png) no-repeat scroll 0 0 transparent;
right:5%;
-moz-transition:text-shadow .3s ease-out;
}
.lanjut-ling-depan {
display:none;
}
#lanjut {
text-align:center;
font-size:2em;
}
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

#HTML1 {display:none;}

 /* footer credit*/aside#copyright{ display: block; position: relative; z-index: 2; background-color: #0e0e0e; background-image: url(http://idiot48.nazuka.net/image/pattern.png); background-repeat: repeat; border-top: 1px solid #202020; border-top: 1px solid rgba(115,115,115,.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 -2px 4px rgba(0, 0, 0, .3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 -2px 4px rgba(0, 0, 0, .3); box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 -2px 4px rgba(0, 0, 0, .3); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } aside#copyright p { position: relative; width: 1000px; margin: 0 auto; padding: 14px 0; z-index: 999; font-weight: 600!Important; font-size: 15px; text-shadow: 0 -1px 1px hsla(0,0%,0%,.8); color: #353535; text-align: center; } aside#copyright p a { color: rgb(162, 152, 44); }

/* NAVIGATION */
#nav {
position:absolute;
top:0px;
right:0px;
left:0px;
border-bottom:4px double #ccc;
background:transparent;
-moz-box-shadow:3px -10px 15px rgba(0,0,0,0.7);
-webkit-box-shadow:3px 10px 10px #000,3px -10px 15px rgba(0,0,0,0.7);
}
#nav ul {
margin:0;
padding:0;
list-style:none;
height:30px;
}
#nav ul li {
margin:0;
padding:0;
float:left;
text-transform:uppercase;
position:relative;
}
#nav ul li a {
display:block;
padding:0px 12px;
line-height:30px;
height:30px;
overflow:hidden;
color:#Ccc;
font-size:15px;
font-family: 'Oldenburg', cursive;
text-shadow:0px 0px 5px white;
border-right:4px double #ccc;
padding-top:40px;
}
#nav ul li a:hover {
color:#C6EB04;
text-shadow:0px 0px 5px #C6EB04;
}
#nav ul li ul {
clear:both;
width:170px;
height:auto;
margin:0;
padding:0;
top:100%;
position:absolute;
background-color:white;
z-index:777;
text-align:left;
display:none;
box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
#nav ul li:hover ul.hidden {
display:block;
}
#nav li a.active { color:#C6EB04;
text-shadow:0px 0px 5px #C6EB04;}
#nav li li {
display:block;
float:none;
}
#nav li li a {
display:block;
}

text-transform:uppercase;
color:#bbb;
text-shadow:0 0 10px #000 ,0 0 20px #000, 0 1px 3px #eee ,#ccc 0 7px 12px;
}
body {
background-color:white;
}
/* HEADER */
#headace {
text-align:right;
margin:0 0;
display:none;
}
#headace h1 {margin:0px 30px;font-size:50px;}
#wrap {
margin:200px auto 0px;
}
#headace a {
font-size:56px;
line-height:70px;
}
#headace p {
line-height:20px;
margin:0px 30px;
}
.box
{
width:70%;
background:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
border-left:1px solid #222;
border-right:1px solid #222;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
position: relative;
display: block;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
color:#555;
margin-bottom:5px;
margin-left:15%;
-webkit-box-shadow:
4px 1px 12px rgba(0, 0, 0, .2),
0 3px 11px rgba(0,0,0,.7)inset;
-moz-box-shadow:
4px 1px 12px rgba(0, 0, 0, .2),
0 3px 11px rgba(0,0,0,.7)inset;
box-shadow:
4px 1px 12px rgba(0, 0, 0, .2),
0 3px 11px rgba(0,0,0,.7)inset;
}
}
.box:hover
{
color:transparent;
text-shadow:0px 0px 7px #404448;
}

KOLOM POST DI HALAMAN DEPAN
*/
.box
{
width:70%;
background-color:rgba(255, 255, 255, 0.03);
border-left:1px solid #222;
border-right:1px solid #222;
box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
position: relative;
display: block;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
color:#555;
margin: 0 auto!important;
}
.box:hover
{
color:transparent;
text-shadow:0px 0px 7px #404448;
}
.box:active
{
color:#C6EB04;
text-shadow:0 0 10px #C6EB04
}
.box:before{
content:"\271A";
position: absolute;
right:-1.6em;
top:31%;
margin-top: -1.0em;
background:#161616;
border:4px solid #333;
height:42px;
width:42px;font-size:15px;
line-height:39px;
color:#444;
text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
text-align: center;
font-weight: bold;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
box-shadow: 0 2px 3px rgba(0, 0, 0, .7);
-moz-box-shadow:0 2px 3px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .7);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.box:hover:before
{
content:"\2714";
color:#C6EB04;
text-shadow:0 0 10px #C6EB04 ;
border:4px solid #C6EB04;
-webkit-transform: rotate(360deg) scale(0.847)  skew(1deg) translate(0px);
-moz-transform: rotate(360deg) scale(0.847)  skew(1deg) translate(0px);
-o-transform: rotate(360deg) scale(0.847)  skew(1deg) translate(0px);
-o-transform: rotate(360deg) scale(0.847)  skew(1deg) translate(0px);
transform:rotate(360deg) scale(0.847)  skew(1deg) translate(0px);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.box:active:before
{
content:"\2729";
border:4px solid #C6EB04;
}
.boxmeta
{
width:200px;
float:left;
padding:6px;
border-right:1px solid #222;
background-color:rgba(0,0,0,0.3);
margin:0px 24px 0 0px;
}
.boxmeta span
{
font:10px/10px arial,sans serif;
display:block;
text-transform:uppercase;
height:14px;
}
.boxmeta span.author
{
background:url(http://1.bp.blogspot.com/-dA6Y3dEv7Nc/T0Pr32qX-GI/AAAAAAAAHYE/WZ_KRwtscjE/s1600/author.png) no-repeat left center;
padding:2px 0 2px 20px;
}
.boxmeta span.time
{
background:url(http://4.bp.blogspot.com/-hDOv5IRL_dw/T0Pr4fdEpxI/AAAAAAAAHYI/HrFDGc2IHYA/s1600/time.png) no-repeat left center;
padding:7px 0 0px 20px;
}
.boxentry
{
padding:10px;
}
li.titleposting
{
list-style-type: square;
font:30px/50px arial, sans-serif;
color:#222;
}
li.titleposting :hover
{
list-style-type: radial;
font:30px/50px arial, sans-serif;
color:#444;
}
.titleposting h2 a
{
font:30px/50px arial, sans-serif;
color:#444;
text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
display:block;
text-transform:uppercase;
letter-spacing:-1px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.titleposting h2 a:hover
{
color:transparent;
text-shadow:0px 0px 9px #404448;
}
.titleposting h2 a:active
{
color:#C6EB04;
text-shadow:0 0 10px #C6EB04 ,0 0 20px #C6EB04 , 0 1px 3px #eee ,rgba(0,0,100,0.7) 0 7px 12px;
text-decoration:line-through;
}
.titleposting h2 a:first-letter
{
text-transform:uppercase;
color:#323231;
}
.titleposting h2 a:hover:first-letter
{
text-transform:uppercase;
color:#C6EB04;
text-shadow:0 0 10px #C6EB04 ,0 0 20px #C6EB04 , 0 1px 3px #eee ,rgba(0,0,100,0.7) 0 7px 12px;
}

*SHOW/HIDE KOMENTAR*/.comments{display:none;}.tooggle-koment{background-image:url();background-repeat:repeat-x;background-position:bottom center;text-align:center;font-size:14px;color:#fff;width:100%;margin:auto;padding:5px 0 5px 0;}.tooggle-koment a{text-decoration:underline;color:#447e15;font:bold 18px/14px arial,sans serif;}.tooggle-koment a:hover{text-decoration:underline;color:rgb(18, 75, 255);font:bold 12px/14px arial,sans serif;}.tooggle-koment li{display:inline;}/*KOMENTAR*/.comments{width:100%;overflow:hidden;background:none;color:#fff;font:12px/14px arial,sans serif;margin:0 auto;padding:30px auto;}.cuma-komen{width:100%;overflow:hidden;margin:0 20px 0 20px;padding:0;}.cuma-komen h4{display:block;font-family:arial,sans serif;font-size:200%;color:#fff;background:none;border-bottom:4px double #fff;border-top:4px double #fff;margin:40px 0 40px 0;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.cuma-komen a{text-align: right;color:#fff;}.cuma-komen a:hover{color:#666;}.cuma-komen dt{position:relative;margin:20px 0 0 30px;width:100%;border-bottom:1px solid #fff;padding:10px;color:#fff;}.cuma-komen dt a{color:#fff;font:bold 12px arial,sans serif;}.comment-body p{background:none;border:1px solid #fff;padding:20px;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}#comments-block .avatar-image-container{margin:5px 0 0 0;}#comments-block .comment-body{position:relative;margin:0 0 0 120px !important;padding:10px 25px 20px;}iframe#comment-editor{position:relative;width:636px;margin:0 0 0 168px;}span.comment-timestamp{float:right;}
/* footer */footer.footerwrap { position: relative; margin: 0 auto; width: 100%; z-index: 2; color: #444; text-align: left; font-size: 11px; background-color: transparent!important; background-image: url(http://idiot48.nazuka.net/image/top-arrow.png); background-repeat: repeat-x; background-position: top center; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .9) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .9) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, .9) inset; } footer.footerwrap div.footerbody { background-color: rgba(0, 0, 0, .6); } footer.footerwrap a { color: #444; text-decoration: none; } /* footer 3 kolom */footer.footerwrap article.footergrd { width: 1000px; margin: 0 auto; text-align: left; font-size: 15px; padding-bottom: 20px; padding-top: 2%; } footer.footerwrap article.footergrd section.footergrd-c1 { width: 20%; float: left; text-align: right; } footer.footerwrap article.footergrd section.footergrd-c2 { width: 20%; float: left; } footer.footerwrap article.footergrd section.footergrd-c3 { width: 50%; float: left; } footer.footerwrap p { font-size: 17px; } footer.footerwrap article.footergrd section.footergrd-c1 h5, footer.footerwrap article.footergrd section.footergrd-c2 h5, footer.footerwrap article.footergrd section.footergrd-c3 h5 { padding: 0 0 4px 0; font-size: 29px; color: rgba(255, 245, 0, 0.67); text-shadow: 0 -1px 1px hsla(0,0%,0%,.8); text-transform: uppercase; font-weight: 100!important; } footer.footerwrap article.footergrd li, footer.footerwrap article.footergrd section.footergrd-c3 h5 { padding: 4px; background-image: url(http://idiot48.nazuka.net/image/line-border.png); background-position: bottom right; background-repeat: no-repeat; } footer.footerwrap article.footergrd section.footergrd-c2 h5 { padding: 4px; background-image: url(http://idiot48.nazuka.net/image/small-line-border.png); background-position: bottom center; background-repeat: no-repeat; } footer.footerwrap article.footergrd section.footergrd-c1 h5 { padding: 4px; background-image: url(http://idiot48.nazuka.net/image/small-line-border-1.png); background-position: bottom center; background-repeat: no-repeat; } .footergrd-m1,.footergrd-m2,.footergrd-m3 { width: 3%; height: 1px; float: left; } .widget-content img.profile-img { border-radius: 160px; -moz-border-radius: 160px; -webkitborder-radius: 160px; width: 80px!important; height: 80px!important; float: left!important; border: 2px solid #222; border: 2px solid #222; } 
.profil-image-home { width: 130px; position: relative; overflow: hidden; float: left; } .profil-image-home img { border: 4px solid #222; border-radius: 160px; -moz-border-radius: 160px; -webkitborder-radius: 160px; } a.fb, a.twitter, a.google-plus { border: #222 solid 4px; border-radius: 160px; border-radius: 50px; transition: all 0.2s ease-out; } .profil-image-icon img:hover { opacity: 0.9; } img.profile-img { width: 72px!important; height: 72px!important; margin: 9px 10px 0 2px; float: left!important; margin: 10px 0 30px 0; } .profil-dep-home { margin: 10px 0 20px 20px; } .profil-dep-home p { line-height: 16px; padding-bottom: 1px!important; } .profil-dep-home p a { text-decoration: none; } a.fb { background-image: url(http://idiot48.nazuka.net/image/spirt-2.png); background-repeat: no-repeat; background-position: 0 -99px; width: 21px; height: 21px; position: absolute; top: 6px; right: 14px; } a.twitter { background-image: url(http://idiot48.nazuka.net/image/spirt-2.png); background-repeat: no-repeat; background-position: -2px -124px; width: 18px; height: 18px; position: absolute; top: 38px; right: 7px; } a.google-plus { background-image: url(http://idiot48.nazuka.net/image/spirt-2.png); background-repeat: no-repeat; background-position: -2px -146px; width: 16px; height: 16px; position: absolute; top: 67px; right: 17px; } a.fb:hover { border: 4px solid #5e83cf!important; box-shadow: 0 0 10px #3b5998, 0 1px 3px #000!important; -webkit-box-shadow: 0 0 10px #3b5998, 0 1px 3px #000!important; -moz-box-shadow: 0 0 10px #3b5998, 0 1px 3px #000!important; } a.twitter:hover { border: 4px solid #45c6e3!important; box-shadow: 0 0 10px #45c6e3, 0 1px 3px #000!important; -webkit-box-shadow: 0 0 10px #45c6e3, 0 1px 3px #000!important; -moz-box-shadow: 0 0 10px #45c6e3, 0 1px 3px #000!important; } a.google-plus:hover { border: 4px solid #e36347!important; box-shadow: 0 0 10px #e36347, 0 1px 3px #000!important; -webkit-box-shadow: 0 0 10px #e36347, 0 1px 3px #000!important; -moz-box-shadow: 0 0 10px #e36347, 0 1px 3px #000!important; }nav ul.menu-3 li a { background-image: url(http://idiot48.nazuka.net/image/spirt-2.png); background-repeat: no-repeat; margin: 0; padding: 0 0px 0px 26px; line-height: 16px; text-decoration: none; } nav ul.menu-3 li.blogger a { background-position: 0px -4px; } nav ul.menu-3 li.g-site a { background-position: 0px -28px; } nav ul.menu-3 li.disqus a { background-position: 0px -77px; } nav ul.menu-3 li.w3c a { background-position: 0px -53px; } 
/* header */header.header { width: 100%; height: auto; position: relative; z-index: 20; overflow: hidden; text-align: left; border-bottom: 1px solid #202020; border-bottom: 1px solid rgba(105,105,105,0.20); background-color: #111211; background-image: url(http://idiot48.nazuka.net/image/pattern.png); background-repeat: repeat; -webkit-box-shadow: 0 6px 5px rgba(0,0,0,0.35), inset 0 1px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 6px 5px rgba(0,0,0,0.35), inset 0 1px 0 rgba(0,0,0,0.2); box-shadow: 0 6px 5px rgba(0,0,0,0.35), inset 0 1px 0 rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } header.header { margin: 0 auto!important; } header.header section.header11 { width: 950px; margin: 0 auto; } header.header section.header11 .nav { margin-bottom: 0; padding-bottom: 15px; padding-top: 15px; text-align: left; height: auto; width: 100%; overflow: hidden; } header.header section.header11 .nav li { display: inline!important; font-weight: normal!important; background-image: url(http://idiot48.nazuka.net/image/dot-circle.png); background-repeat: no-repeat; background-position: 0 7px; padding: 4px 18px 0 20px!important; } header.header section.header11 .nav a { font-size: 12px!Important; font-family: &#39;roboto&#39;,arial,sans serif!Important; font-weight: bold!Important; color: #40413E; text-shadow: 0 -1px 1px hsla(1,1%,1%,.9); text-transform: uppercase; } header.header section.header11 .nav a:hover { color: #fff; }
/* Post */
.post-in{position:relative; width:1000px; top:25px; margin:0 auto; font-size: 16px } #post{ font-size: 16px; width:1000px; } #main{width:100%; margin:0 auto; padding:0;}
]]></b:skin></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>.title{display:none}</style>

<style>

#header-wrapper {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;}
.imcyber {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;}
#nav {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;}
h1,h2,h3,h4,h5,h6,a {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;}
h1,h2,h3,h4,h5,h6,.post img {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 8s;}



</style></b:if>  
<style>.titleposting h2 a {
font-size: 23px;
}</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[ 
$(document).ready(function(){
    $(".tombol-komentar").click(function(){
        $(".comments ").slideToggle("slow");
        $(this).toggleClass("active");
        return false;
    });
});
//]]>
</script>

<script>
$(function() {
    var path = window.location.href; // Mengambil data URL pada Address bar
    $(&#39;#nav li a&#39;).each(function() {
        // Jika URL pada menu ini sama persis dengan path...
        if (this.href === path) {
            // Tambahkan class &quot;active&quot; pada menu ini
            $(this).addClass(&#39;active&#39;);
        }
    });
});
</script>


</head>
<body>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

 
	<link href='http://pushingpixels.at/wp-content/themes/pushingpixels/img/fb-pic.jpg' rel='image_src'/>
    <script src='http://pushingpixels.at/wp-content/themes/pushingpixels/js/cufon.js' type='text/javascript'/>
    <script src='http://pushingpixels.at/wp-content/themes/pushingpixels/js/font/captureit.js' type='text/javascript'/>
    <script src='http://pushingpixels.at/wp-content/themes/pushingpixels/js/font/steiner.js' type='text/javascript'/>
    <script src='http://pushingpixels.at/wp-content/themes/pushingpixels/js/jquery.js' type='text/javascript'/>
    <script src='http://pushingpixels.at/wp-content/themes/pushingpixels/js/script.js' type='text/javascript'/>
    <!-- script type="text/javascript" src="http://pushingpixels.at/wp-content/themes/pushingpixels/js/snowstorm.js"></script -->


<link href='http://pushingpixels.at/wp-content/plugins/sitepress-multilingual-cms/res/css/language-selector.css?v=1.7.3' media='all' rel='stylesheet' type='text/css'/>
	<link href='http://pushingpixels.at/feed/' rel='alternate' title='RSS 2.0' type='application/rss+xml'/>
	<link href='http://pushingpixels.at/feed/rss/' rel='alternate' title='RSS .92' type='text/xml'/>
	<script type='text/javascript'>
		Cufon.replace(&#39;h1.mainheader&#39;, { fontFamily: &#39;captureit&#39;, textShadow: &#39;black 2px 2px&#39;});
		Cufon.replace(&#39;#menubox .menutitle&#39;, { fontFamily: &#39;steiner&#39; });
		var themeurl = &quot;http://pushingpixels.at/wp-content/themes/pushingpixels&quot;;
		var currentlanguage  = &quot;en&quot;;
		var contentinv = &quot;black&quot;;
		function isinverted(){
			if(contentinv != &quot;black&quot;){ return &quot;2&quot;;}
			else{ return &quot;&quot;;}
		}
		var loadingtext = &quot;loading...&quot;;
		var contactfield1 = &quot;Your Name&quot;;
		var contactfield2 = &quot;Your E-Mail Address&quot;;
		var contactfield3 = &quot;Your Message&quot;;
		var contacttext1 = &quot;Thank you!&quot;;
		var contacttext2 = &quot;Your Message was submited successfully.&quot;;
		var contacttext3 = &quot;We will get in contact with you, as soon as possible!&quot;;
		var feedbackfield1 = &quot;Your Name&quot;;
		var feedbackfield2 = &quot;Your Message&quot;;
		var feedbacktext1 = &quot;Thank you!&quot;;
		var feedbacktext2 = &quot;Feedback submited successfully!&quot;;
	</script>
	

    <!--[if lte IE 7]><script type="text/javascript" src="http://pushingpixels.at/wp-content/themes/pushingpixels/js/ie6update.js"></script><![endif]-->


<div class='folio-overlay' id='portfolio-overlay'>
	<a class='prev'>previous</a>
	<a class='next'>next</a>
	<div class='info'/>
	<img alt='loading' class='progress' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/loader.gif'/>
</div>
 <div id='mainwrapper'>
 	<a class='companylink' href='#' title='Pushing Pixels | Webdesign, Printdesign, Photography'>
		<img alt='Pushing Pixels' height='90' id='pplogo' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/crimson-red/pp-logo.png' width='345'/>
    </a>

	<div id='menubox'>
		<div id='stylesbox'>
			<span class='menutitle'>Theme</span>
			<div id='farbballe'><div class='scrollmask'>
				<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=babyblue&amp;url=http://pushing-vistalis.blogspot.com/'><img alt='babyblue' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/babyblue/farbball.png' title='Babyblue' width='22'/></a>
<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=midnight&amp;url=http://pushing-vistalis.blogspot.com/'><img alt='midnight' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/midnight/farbball.png' title='Midnight' width='22'/></a>
<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=spicy-yellow&amp;url=http://pushing-vistalis.blogspot.com/'><img alt='spicy-yellow' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/spicy-yellow/farbball.png' title='Spicy-Yellow' width='22'/></a>
<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=rusty&amp;url=http://pushing-vistalis.blogspot.com/'><img alt='rusty' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/rusty/farbball.png' title='Rusty' width='22'/></a>
<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=crimson-red&amp;url=http://pushing-vistalis.blogspot.com'><img alt='crimson-red' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/crimson-red/farbball.png' title='Crimson-Red' width='22'/></a>
<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=magenta&amp;url=http://pushing-vistalis.blogspot.com/'><img alt='magenta' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/magenta/farbball.png' title='Magenta' width='22'/></a>
<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=reptile&amp;url=http://pushing-vistalis.blogspot.com/'><img alt='reptile' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/reptile/farbball.png' title='Reptile' width='22'/></a>
<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=meadow&amp;url=http://pushing-vistalis.blogspot.com/'><img alt='meadow' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/meadow/farbball.png' title='Meadow' width='22'/></a>
<a href='http://pushingpixels.at/wp-content/themes/pushingpixels/bin/switchstyle.php?theme=ice&amp;url=http://pushing-vistalis.blogspot.com/'><img alt='ice' class='farbball' height='22' src='http://pushingpixels.at/wp-content/themes/pushingpixels/img/ice/farbball.png' title='Ice' width='22'/></a>

			</div></div>
		</div>
		<div id='socialize'>
			<span class='menutitle'>Links</span>
			<div id='socbuttons'>
				<span><a class='social' href='http://facebook.com/harris.munaharr' id='facebook' target='_blank' title='Pushing Pixels @ facebook'/></span>
				<span><a class='social' href='http://twitter.com/harris.munaharr' id='twitter' target='_blank' title='Pushing Pixels @ twitter'/></span>
				<span><a class='social' href='http://pushing-vistalis.blogspot.com/feed/rss/' id='rssfeed' target='_blank' title='Subscribe to our RSS-Feed'/></span>
				<span><a class='social' href='#' id='favourite' rel='PushingPixels.at | Webdesign, Printdesign, Photography' title='Add Pushing Pixels to your Favorites'/></span>
			</div>
		</div>
		<div id='languagebox'>
			<span class='menutitle'>Language</span>
			<ul>
				<li id='menuenglish'><a href='http://pushingpixels.at' title='Pushing Pixels in English'><span/>English</a></li>
				<li id='menugerman'><a href='http://pushingpixels.at/de' title='Pushing Pixels in German'><span/>German</a></li>
			</ul>
		</div>
		<div id='boxmenu'>Menu</div>
	</div>

	<div id='header'/>

    <div id='main-container'>
    	<div id='content-container'>
        	<div id='accordion'>

                <div class='button' id='button1' style='background-image:url(http://pushingpixels.at/wp-content/themes/pushingpixels/img/button_1-en.png);' title='About Us'>About Us</div>
                <div class='content' id='content1' style='width:630px; display:block'>
                	<div class='scroll-pane'>                								                        <h1 class='mainheader header1' title='About The Pixel Pushers'>About The Pixel Pushers</h1>
							<p>Pushing Pixels is a (citrus)fresh new media company, located in Vienna.</p>
<p>The idea came to life in 2007 as a side project and was initially intended to be a platform for self-employed workers in the fields of web design, computer science, photography and film production. At the end of 2009 we decided to go one step further - Pushing Pixels was newly founded as a company.</p>
<p> Of course, we remain true to our roots! Project related we use our access to proven international experts for the realization of our ideas.
</p>
<h3 class='smallheader'>What sets us apart</h3>
<ul>
<li>We are not afraid to put exceptional projects of any size into practice.</li>
<li>Excellent and clear ideas are the cornerstone for our work.</li>
<li>Our goal is to provide creative solutions with substance.</li>
<li>We have our finger on the pulse of time. A large part of our resources goes into further education and sighting of new trends.</li>
</ul>
<h2 class='mainheader header2'>Our Philosophy</h2>
<p>We try to the best of our knowledge to develop products according to the highest quality criteria for our costumers. Combined with our expertise, our enthusiasm and our expert knowledge, we approach your projects, thus ensuring your satisfaction and above all your success.</p>
<h3 class='smallheader'>Customer-related Principles</h3>
<ul>
<li>We take the time to get to know  you and your project. An intense co-operation to achieve the common goal is very important to us.</li>
<li>We gladly support you from the conceptual development up to the timely implementation of your project.</li>
<li>You can always rely on having a  competent contact person with a high degree of expertise.</li>
<li>Our customer relationship is characterized by personal, individual support and advice.</li>
</ul>
<h2 class='mainheader header3'>Partners of Pushing Pixels</h2>
<ul>
<li><a href='http://www.dtnet.de/'>DT Netsolution GmbH</a> - Innovative IT-Solutions &amp; Products (<a class='underlined' href='http://www.softwaredemo.de/' title='test software online'>SoftwareDEMO</a>)</li>
<li><a href='http://www.mental.at/'>MAG Mental Acrobatics Group</a> - IT-Security, Maintenance &amp; Support</li>
<li><a href='http://www.druck.co.at/'>Druck &amp; Service Zach</a> - Print office for offset printing, digital printing &amp; screen printing</li>
</ul>						                    </div>
                </div>

                <div class='button' id='button2' style='background-image:url(http://pushingpixels.at/wp-content/themes/pushingpixels/img/button_2-en.png);' title='Services'>Services</div>
                <div class='content' id='content2'>
                	<div class='scroll-pane'>                								                        <h1 class='mainheader' title='What You Get From Us'>What You Get From Us</h1>
							<table border='0' cellpadding='0' cellspacing='0' width='100%'>
	<tr>
		<td align='center'><img alt='Webdesign' height='142' src='http://pushingpixels.at/wp-content/uploads/service_icon-web.png' title='Webdesign' width='148'/></td>
		<td align='center'><img alt='Printdesign' height='142' src='http://pushingpixels.at/wp-content/uploads/service_icon-print.png' title='Printdesign' width='148'/></td>
		<td align='center'><img alt='Photography' height='142' src='http://pushingpixels.at/wp-content/uploads/service_icon-photo.png' title='Photography' width='148'/></td>
	</tr>
	<tr>
		<td align='center'/>
		<td align='center'/>
		<td align='center'/>
	</tr>
</table>

<div id='tabcontainer'>
	
	<div id='servicetabs'>
		<ul>
			<li><a href='#tab-webdesign'>Webdesign</a></li>
			<li><a href='#tab-printdesign'>Printdesign</a></li>
			<li><a href='#tab-photography'>Photography</a></li>
			<li><a href='#tab-general'>General Services</a></li>
		</ul>
		<div id='tab-webdesign'>
			<p>Modern <span class='italic'>web design</span> offers you the possibility of promoting your company <span class='italic'>globally and cost-effectively</span>. As in a free market economy so in the internet: <span class='italic'>In the long run quality pays.</span></p>
			<p>A well-planned, <span class='italic'>user-friendly</span> web concept and <span class='italic'>professional implementation</span> can be decisive in determining whether your company remains <span class='italic'>successful</span> or not for a long time to come.</p>
			<p>Opt for <span class='italic'>Pushing Pixels</span> when choosing your web design agency and you have found a <span class='italic'>professional partner</span> who will create a <span class='italic'>distinctive</span>, clear-cut and well-defined profile for you in the world wide web.</p>
			<div class='accordion'>
					<h3><a href='#'>Design</a></h3>
						<div>
							<p>Rational <span class='italic'>design</span> is only one of the prerequisites of a successful and user-friendly homepage. A clear-cut display of the contents and <span class='italic'>appropriate graphic realisation</span> help the public to <span class='italic'>access information quickly</span>, effectively and most importantly, without restriction.</p>
									<div class='subaccordion'>
											<h3><a href='#'>Customized Design</a></h3>
												<div>
													<p>When we create <span class='italic'>your company homepage</span> we adhere to the following principle: Design may be apparent or less conspicuous, <span class='italic'>conventional or out of the ordinary</span>, but one thing it must not be is unimaginative.</p>
													<p>We offer the following design solutions:</p>
													<ul>
														<li><span class='italic'>Corporate Design</span></li>
														<li><span class='italic'>Small Business Design</span></li>
														<li><span class='italic'>Flash Design</span></li>
														<li><span class='italic'>Portfolio Design</span></li>
														<li><span class='italic'>Blog Design</span></li>
													</ul>
													<p>If your desired design solution is not listed, get in contact with us and tell us your ideas and wishes. We&#39;ll find an <span class='italic'>optimal solution</span> for this too!</p>
												</div>
												
											<h3><a href='#'>Re-Design &amp; Implementation</a></h3>
												<div>
													<p>A <span class='italic'>homepage</span> that fails to come up to present-day standards makes a bad impression. We can re-design and upgrade it to <span class='italic'>21st century needs</span>.</p>
													<p>By using <span class='italic'>new technologies</span> and <span class='italic'>administration systems</span> we can give it a new and better look.</p>
													<p>We offer you inter alia the following services:</p>
													<ul>
														<li><span class='italic'>Theme-Design for CMS Solutions</span></li>
														<li><span class='italic'>Screen Design to Corporate Design</span></li>
														<li><span class='italic'>PSD to XHTML Conversion</span></li>
														<li><span class='italic'>Programming &amp; Extending</span></li>
														<li><span class='italic'>Re-Design &amp; Relaunch</span></li>
													</ul>
												</div>
												
									</div>
						</div>
						
					<h3><a href='#'>Development</a></h3>
						<div>
							<p>A <span class='italic'>high-quality</span> and <span class='italic'>aesthetically design</span> is useless without a proper back-end solution. We from Pushing Pixels establish, develop and extend <span class='italic'>serverside architectures</span> for your sophisticated project.</p>
									<div class='subaccordion'>
											<h3><a href='#'>Content Management Systems (CMS)</a></h3>
												<div>
													<p>Our content management systems offer you <span class='italic'>numerous advantages</span>. We apply various <span class='italic'>high performance</span> open-source management solutions tailored to your requirements.</p>
													<p>In addition to promoting the <span class='italic'>primary aims</span> and functions of your homepage we develop and integrate content management systems designed to display your products with <span class='italic'>maximum efficacy</span> and minimum administration.</p>
												</div>
												
											<h3><a href='#'>Programming</a></h3>
												<div>
													<p>The process of programming needs <span class='italic'>experience in many different fields</span>. The elaboration of algorithms, software routines and logical processes always happens <span class='italic'>in accordance with the userbility</span>.</p>
													<p>Our scope involve following programming languages and services amongst others: </p>
													<ul>
														<li><span class='italic'>CSS &amp; XHTML</span></li>
														<li><span class='italic'>JavaScript &amp; AJAX</span></li>
														<li><span class='italic'>PHP &amp; MySQL</span></li>
														<li><span class='italic'>Adobe Flash / ActionScript</span></li>
														<li><span class='italic'>Customized Web Development</span></li>
														<li><span class='italic'>Website/Server Maintenance &amp; Support</span></li>
													</ul>
												</div>
												
									</div>
						</div>
						
					<h3><a href='#'>Marketing</a></h3>
						<div>
							<p>Internet marketing strategies are the <span class='italic'>pillars of your online presence</span>. The <span class='italic'>success of your business</span> depends not only upon increasing the number of page impressions but also in improving web analysis and test results.</p>
									<div class='subaccordion'>
											<h3><a href='#'>Search Engine Optimization (SEO)</a></h3>
												<div>
													<p>Search engines are an <span class='italic'>important part</span> of online strategies, since most people start their search for information, products and services online.</p>
													<p>How important the use of search engines is, in <span class='italic'>realising a business aim</span>, should not be underestimated. <span class='italic'>Most page impressions</span> are generated by search engines such as Google, Yahoo and others, who continuously upgrade their algorythms to <span class='italic'>optimize search results</span>.</p>
													<p>We keep an eye on these changes to ensure your homepage remains easy to find. This ensures increased page impressions and a <span class='italic'>higher sales potential</span> for your business.</p>
												</div>
												
											<h3><a href='#'>Social Media Marketing (SMM)</a></h3>
												<div>
													<p>Social media marketing is one of the <span class='italic'>key trends in internet marketing</span>. With our knowledge and experience we can help you achieve your aims.</p>
													<p>By the <span class='italic'>effective use</span> of social networking sites like <span class='italic'>Facebook, Twitter and so on</span>, we ensure you the edge over the competition.</p>
												</div>
												
											<h3><a href='#'>E-Mail Marketing</a></h3>
												<div>
													<p>Despite the new communication trends and methods introduced almost daily, email is still the <span class='italic'>cheapest and most effective way</span> to reach your target group.</p>
													<p>We believe that email marketing campaigns should be <span class='italic'>neatly integrated</span> into existing online marketing efforts. We can help you to ensure that your <span class='italic'>campaign succeeds</span>.</p>
												</div>
												
									</div>
						</div>
						
			</div>
		</div>
		<div id='tab-printdesign'>
			<p>Printed media provide a promotionally <span class='italic'>effective platform</span> for your message or product. High-grade print <span class='italic'>guarantees the impact</span> and subsequent acceptance of your advertising.</p>
			<p>We can offer <span class='italic'>eyecatching design</span> to suit your customers, your company and above all, your product line.</p>
			<div class='accordion'>
					<h3><a href='#'>Products</a></h3>
						<div>
							<p>We design and layout following print media among others for you:</p>
							<ul>
								<li><span class='italic'>Business Cards, Stationery, Envelopes,..</span></li>
								<li><span class='italic'>Invitations for Wedding, Corporate Events,..</span></li>
								<li><span class='italic'>Poster, Advertising, Banner, Signs, Wrapper,..</span></li>
								<li><span class='italic'>Extraordinary Product Packaging</span></li>
								<li><span class='italic'>Brochures, Prospects, Magazines</span></li>
								<li><span class='italic'>Artwork for CDs, DVDs,..</span></li>
								<li><span class='italic'>Books &amp; Booklets</span></li>
								<li><span class='italic'>Event Flyer</span></li>
							</ul>
							<p>If your desired print product is not listed, get in contact with us and tell us your ideas and wishes. We&#39;ll find an <span class='italic'>optimal solution</span> for this too!</p>
						</div>
					
					<h3><a href='#'>Color Management</a></h3>
						<div>
							<p>To guarantee <span class='italic'>optimum print results</span> all the output devices must be adapted to the desired color profile. <span class='italic'>Professional calibration</span> ensures <span class='italic'>uniform coloring</span> throughout the processed media.</p>
							<p>With us you can be sure that the color profile you provide us (or which we consider optimum) will be <span class='italic'>used for the print</span>.</p>
						</div>
					
					<h3><a href='#'>Color Proof</a></h3>
						<div><p>Should you wish to check your order for <span class='italic'>correct coloring</span>, we can provide you a color proof. This will <span class='italic'>allow you to judge</span> whether the choice of colors conforms to your requirements before <span class='italic'>your project</span> is completed.</p></div>
					
					<h3><a href='#'>Print Service</a></h3>
						<div><p>From beginning to end we <span class='italic'>keep an eye on the printing</span> and the <span class='italic'>professional execution of your order</span>. For smaller print runs, e.g. flyers, folders, brochures or visiting cards, we can ensure you the <span class='italic'>optimum price/performance</span> solution.</p></div>
					
			</div>
		</div>
		<div id='tab-photography'>
			<p>Good photography is characterized above all by <span class='italic'>meaningful imagery</span> and <span class='italic'>flawless technical implementation</span>.</p>
			<p>Thanks to many years of <span class='italic'>cooperation</span> with various print media companies and journalistic precision in location and background motif research we are <span class='italic'>the ideal partner</span> for the <span class='italic'>visual realization</span> of your message.</p>
			<div class='accordion'>
					<h3><a href='#'>Photo Design</a></h3>
						<div>
							<p>A photo can be many things - <span class='italic'>classical, stylish or even fanciful</span> - but it must never be haphazard.</p>
							<p>Before we are ready for go-ahead we work out a concept for you in which <span class='italic'>everything, from choice of motif to lighting</span>, are taken into account.</p>
							<p>We think things out - <span class='italic'>pixel by pixel</span>!</p>
						</div>
					
					<h3><a href='#'>Press Photography</a></h3>
						<div>
							<p>Public events play an important role in <span class='italic'>determining a company&#39;s image</span>. Apart from ensuring a <span class='italic'>good impression</span> of an event, <span class='italic'>professional documentation</span> is essential for making it known to the public.</p>
							<p>Whatever it is your press conference, company anniversary or a presentation - we are there <span class='italic'>on the spot</span> to record it.</p>
						</div>
					
					<h3><a href='#'>Image Editing</a></h3>
						<div>
							<p>To meet the advertising industry&#39;s demand for <span class='italic'>flawless results</span>, our photographic material is subjected to <span class='italic'>digital post-processing</span>.</p>
							<p><span class='italic'>State-of-the-art</span> image processing makes the production of photos possible which, in the truest sense of the term, are <span class='italic'>too good to be true</span>.</p>
						</div>
					
					<h3><a href='#'>Retouche &amp; Photo Manipulation</a></h3>
						<div><p>Plastic surgery is also used in photo manipulation. We <span class='italic'>correct and create motifs</span> to your wishes.</p></div>
					
			</div>
		</div>
		<div id='tab-general'>
			<p>Here at Pushing Pixels, we have been working with clients both <span class='italic'>locally and internationally</span>. Our <span class='italic'>experience</span> ranges from small businesses to large corporate enterprises.</p>
			<p>We know the importance of having a <span class='italic'>professionally contact</span>. That&#39;s why we give the best of our knowledge while working on your projects.</p>
			<div class='accordion'>
					<h3><a href='#'>Consulting</a></h3>
						<div>
							<p>With you we <span class='italic'>develop concepts</span> in line with your ideas. You deal with one and the same partner, meaning that your requirements need explaining only once.</p>
							<p>In short: We are your <span class='italic'> professional consultants</span> for the whole project.</p>
							<p>That makes things easier!</p>
						</div>
					
					<h3><a href='#'>Project Management</a></h3>
						<div>
							<p>We take care of your project <span class='italic'>from sketch to implementation</span> and where necessary, coordinate other partners work with ours. We are at your service after project realisation.</p>
							<p>In the case of web projects, planning and project management are not only a constant challenge. They are also <span class='italic'>the basis of a lasting online presence</span>.</p>
						</div>
					
					<h3><a href='#'>Technology &amp; Integration</a></h3>
						<div>
							<p>With our <span class='italic'>knowledge</span>, <span class='italic'>own products</span> and <span class='italic'>existing platforms</span> we assist you in developing strategies and measures designed to ensure <span class='italic'>profitable web use</span> for your company.</p>
							<p>We turn to account the <span class='italic'>experience and knowhow</span> from our consulting and project management activity, in <span class='italic'>designing</span>, <span class='italic'>developing</span> and <span class='italic'>extending</span> products to meet your personal requirements.</p>
						</div>
					
					<h3><a href='#'>Cost Accounting</a></h3>
						<div>
							<p>Special projects require <span class='italic'>individual time and cost calculation</span> therefore our service package can be <span class='italic'>adapted to your wishes</span>.</p>
							<p>Contact us - we&#39;ll find a suitable offer!</p>
						</div>
			</div>
		</div>
	</div>
</div>						                    </div>
                </div>

                <div class='button' id='button3' style='background-image:url(http://pushingpixels.at/wp-content/themes/pushingpixels/img/button_3-en.png);' title='Portfolio'>Portfolio</div>
                <div class='content' id='content3'>
                	<div class='scroll-pane'>                															<h1 class='mainheader p1' title='Our Works'>Our Works</h1>
						
						<ul class='gallery' id='portfoliopics'>
																					<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-19-full.jpg' title='Website Layout: Pluradent'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-19.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-21-full.jpg' title='Website Layout: Hörmann Logistik'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-21.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Bandpage for the instrumental band <a class='underlined' href='http://www.cobario.at/' target='_blank'>Cobario</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-14-full.jpg' title='Website: Cobario'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-14.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Personal <a class='underlined' href='http://daniel.pushingpixels.at/' target='_blank'>online Business Card</a> for Daniel Kurdoghlian - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-15-full.jpg' title='Personal Mini-Website'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-15.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-20-full.jpg' title='Website Layout: Datex'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-20.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-27-full.jpg' title='Website Layout: PiSA-sales'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-27.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-18-full.jpg' title='Website Layout: Open Office'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-18.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-24-full.jpg' title='Website Layout: Hübschmann - Consulting'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-24.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-23-full.jpg' title='Website Layout: Heitec'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-23.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-26-full.jpg' title='Website Layout: AnNoText'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-26.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-25-full.jpg' title='Website Layout: Arzt&amp;Praxis'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-25.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-17-full.jpg' title='Website Layout: Linux Mint'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-17.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Programming work in CSS, PHP and Flash/AS for the company Top Sportwetten - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-16-full.jpg' title='Website Layout: Ambassador'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-16.jpg'/></p>							</li>
														<li>
								<div class='panel-overlay'>
<h2/>
<p>Login-Screen Layout for the company <a class='underlined' href='http://www.softwaredemo.de/' target='_blank'>SoftwareDEMO</a> - <a class='bigpic' href='http://pushingpixels.at/wp-content/uploads/portfolio-22-full.jpg' title='Website Layout: Objectif Lune'>maximize</a></p>

</div>
<p><img alt=' ' src='http://pushingpixels.at/wp-content/uploads/portfolio-22.jpg'/></p>							</li>
													</ul>
                    </div>
                </div>

                <div class='button' id='button4' style='background-image:url(http://pushingpixels.at/wp-content/themes/pushingpixels/img/button_4-en.png);' title='Blog'>Blog</div>
                <div class='content' id='content4'>
                	<div class='scroll-pane'>																			<h1 class='mainheader p1' title='Animated HDR-Photo'>Daftar Postingan Blog</h1><h3 class='blogdate' title='29. January 2010, 18:43'>29. Jan. 2010</h3>
							<div class='clear'/>
							<!-- >div class="editlink"></div -->
	
                  <style>/**
 * Blogger Archive with Pagination - Default Theme
 * Visit: http://www.dte.web.id
 */

#toc-outer {
  font:normal 11px/14px Arial,Sans-Serif;
  color:red;
  text-align:left;
  margin:0px auto;
  padding:15px;
  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.6);
  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.6);
  box-shadow:0px 1px 4px rgba(0,0,0,0.6);
}

#loadingscript {
  background:#F6EFBB url(&#39;&#39;) no-repeat 50% 46%;
  padding:10px;
  font:bold 20px Georgia,Serif;
  color:red;
  height:400px;
  text-indent:-9999px;
  -webkit-box-shadow:inset 0px 0px 0px 5px #EAE0AD;
  -moz-box-shadow:inset 0px 0px 0px 5px #EAE0AD;
  box-shadow:inset 0px 0px 0px 5px #EAE0AD;
}

.itemposts {
  margin:0px auto 5px;
  height:500;
  overflow:hidden;
  display:block;
}

.itemposts h6 {
  margin:0px auto 2px;
  font:bold 12px/14px Arial,Sans-Serif;
  background-image:-webkit-linear-gradient;
  background-image:-moz-linear-gradient;
  background-image:-ms-linear-gradient;
  background-image:-o-linear-gradient;
  background-image:linear-gradient;
  padding:10px 15px;
  text-transform:none;
  color:red;
}

.itemposts h6 a {
  color:red;
  text-decoration:none;
  text-shadow:0px 1px 0px rgba(0,0,0,0.3);
}

.itemposts img {
  float:left;
  height:72px;
  width:72px;
  margin:2px 10px 2px 0px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  border:1px solid red;
  padding:4px;
}

.itemposts .iteminside {
  padding:10px;
  background-image:-webkit-linear-gradient;
  background-image:-moz-linear-gradient;
  background-image:-ms-linear-gradient;
  background-image:-o-linear-gradient;
  background-image:linear-gradient;
  border-top:1px solid red;
  -webkit-box-shadow:inset 0px 1px 0px red;
  -moz-box-shadow:inset 0px 1px 0px red;
  box-shadow:inset 0px 1px 0px red;
}

.itemposts .itemfoot {
  clear:both;
  border:1px solid red;
  padding:5px 10px;
  margin:10px 0px 0px;
  color:red;
  overflow:hidden;
}

.itemposts .itemfoot a.itemrmore {
  font-weight:bold;
  color:red;
  float:right;
  text-decoration:none;
}

.itemposts .itemfoot a.itemrmore:hover {
  color:red;
  text-decoration:underline;
}

#itempager {
  padding:30px 0px;
  border-top:1px solid red;
  -webkit-box-shadow:inset 0px 1px 0px red;
  -moz-box-shadow:inset 0px 1px 0px red;;
  box-shadow:inset 0px 1px 0px red;;
}

#pagination, #totalposts {
  color:red;
  font:bold 10px Verdana,Arial,Sans-Serif;
  padding:0px;
  margin-bottom:10px;
  text-align:center;
}

#pagination span, #pagination a {
  border:1px solid red;
  color:red;
  display:inline;
  margin:0 1px;
  padding:2px 5px;
  text-indent:0px;
  text-decoration:none;
}
 
#pagination span.actual,
#pagination a:hover {
}

#pagination span.hidden {
  display:none;
                  }
</style>
<script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = &quot;JQuery&quot;,
    loadingText    = &quot;Loading...&quot;,
    totalPostLabel = &quot;Jumlah posting:&quot;,
    jumpPageLabel  = &quot;Halaman&quot;,
    commentsLabel  = &quot;Komentar&quot;,
    rmoreText      = &quot;Selengkapnya &#9658;&quot;,
    prevText       = &quot;Sebelumnya&quot;,
    nextText       = &quot;Berikutnya&quot;,
    siteUrl        = &quot;http://pushing-vistalis.blogspot.com&quot;,
    postPerPage   = 10,
    numChars       = 370,
    imgBlank       = &quot;&quot;;
</script>
<script src='http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination.js'/>


</div>
                </div>

                <div class='button' id='button5' style='background-image:url(http://pushingpixels.at/wp-content/themes/pushingpixels/img/button_5-en.png);' title='Contact'>Contact</div>
                <div class='content' id='content5'>
                	<div class='scroll-pane'>                								                        <h1 class='mainheader p1' title='Contact Us!'>Contact Us!</h1>
							<p>If you want to work with us - or simply talk with us - here you can write us a message. <br/><br/>
If it&#39;s desired by you, we will write you back as soon as possible at the stated e-mail address. <br/><br/>Technical questions and feedback are also very welcome!</p>												<div id='contacttooltip'/>
<form action='' id='contactform' method='post'>
							<fieldset>
								<center><div style='text-align: center; line-height: 0'>
<div><iframe allowtransparency='yes' frameborder='0' height='42%' id='cboxmain5-695235' marginheight='2' marginwidth='2' name='cboxmain5-695235' scrolling='auto' src='http://www5.cbox.ws/box/?boxid=695235&amp;boxtag=q15t6b&amp;sec=main' style='border:#ababab 1px solid;border-bottom:0px' width='320'/></div>
<div><iframe allowtransparency='yes' frameborder='0' height='75' id='cboxform5-695235' marginheight='2' marginwidth='2' name='cboxform5-695235' scrolling='no' src='http://www5.cbox.ws/box/?boxid=695235&amp;boxtag=q15t6b&amp;sec=form' style='border:#ababab 1px solid;border-top:0px' width='320'/></div>
</div></center>
								<div id='budgetcontainer'>
									<label for='contactbudget'>Budget:</label>
									<input id='contactbudget' maxlength='10' name='cbudget' title='What budget do you have?' type='text'/>
									<div id='budget' title='What budget do you have?'/>
								</div>
								
							</fieldset>
						</form>
						
                    </div>
                </div>

            </div>
        </div>
    </div>



    <div id='footer-container'>
   	  <div id='footer'>


            <div id='galerie-previous' title='scroll up'/>
            <div id='galerie-next' title='scroll down'/>
        	<div id='galerie'>
                <div id='scroller'>               													<h1 class='hidden' title='Gallery'>Gallery</h1>
					
															<div class='galleriepic'>
						<a href='#'>
							<img alt=' ' height='69' src='http://pushingpixels.at/wp-content/uploads/gallery-04.png' width='257'/>							<span title='Melting Worlds'>Melting Worlds</span>
						</a>
					</div>
										<div class='galleriepic'>
						<a href='#'>
							<img alt=' ' height='69' src='http://pushingpixels.at/wp-content/uploads/gallery-06.png' width='257'/>							<span title='Blue Drops'>Blue Drops</span>
						</a>
					</div>
										<div class='galleriepic'>
						<a href='#'>
							<img alt=' ' height='69' src='http://pushingpixels.at/wp-content/uploads/gallery-08.png' width='257'/>							<span title='The View'>The View</span>
						</a>
					</div>
										<div class='galleriepic'>
						<a href='#'>
							<img alt=' ' height='69' src='http://pushingpixels.at/wp-content/uploads/gallery-07.png' width='257'/>							<span title='Alluring'>Alluring</span>
						</a>
					</div>
										<div class='galleriepic'>
						<a href='#'>
							<img alt=' ' height='69' src='http://pushingpixels.at/wp-content/uploads/gallery-03.png' width='257'/>							<span title='On The High Seas'>On The High Seas</span>
						</a>
					</div>
										<div class='galleriepic'>
						<a href='#'>
							<img alt=' ' height='69' src='http://pushingpixels.at/wp-content/uploads/gallery-05.png' width='257'/>							<span title='Amplifier'>Amplifier</span>
						</a>
					</div>
										<div class='galleriepic'>
						<a href='#'>
							<img alt=' ' height='69' src='http://pushingpixels.at/wp-content/uploads/gallery-01.png' width='257'/>
							<span title='The Eye'>The Eye</span>
						</a>
					</div>
										<div class='galleriepic'>
						<a href='#'>
							<img alt=' ' height='69' src='http://pushingpixels.at/wp-content/uploads/gallery-02.png' width='257'/>							<span title='The Eye 2'>The Eye 2</span>
						</a>
					</div>
					                </div>
			</div>


            <div id='neuigkeiten'>				<h1 class='hidden'>Neuigkeiten</h1>
													<h1 class='newsboxtitel' title='Animated HDR-Photo'>Animated HDR-Photo</h1>
					<div id='newsbox'>
						<p>With the development of modern image editing programs and digital photography itself, new opportunities opened up to us photographers: The High Dynamic Range image&amp;#8230;</p>
					</div>
					<span id='datum' title='29. January 2010, 18:43'>Written on 29. Jan. 2010</span>
				
				<a class='bloglink' href='#' id='readmore' title='Read more'>Read more</a>
			</div>


            <div id='feedback'>				<h1 class='hidden'>Feedback</h1>
                <div id='feedbacktooltip'/>
            	<form action='' id='feedbackform' method='post'>
            		<fieldset>
	                	<input name='fip' type='hidden' value='110.137.188.99'/>
						<input name='fhttpagent' type='hidden' value='Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31'/>
	                	<input class='clearField' id='feedbackname' maxlength='28' name='fname' title='At least 5 letters!' type='text' value='Your Name'/>
	                    <textarea class='clearField' cols='29' id='feedbackmsg' name='fmsg' rows='6' title='What do you want to tell us?'>Your Message</textarea>
	                    <input id='submitfeedback' type='button' value='Submit Feedback'/>
                    </fieldset>
                </form>
            </div>


        </div>
        <div id='openclose' style='background-image:url(http://pushingpixels.at/wp-content/themes/pushingpixels/img/crimson-red/open-close-en.png);'>
        	<div id='oc-button'/>
        </div>
    </div>


 </div>

 
        	

 	<script type='text/javascript'>Cufon.now();</script>
	<script type='text/javascript'>var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);document.write(unescape(&quot;%3Cscript src=&#39;&quot; + gaJsHost + &quot;google-analytics.com/ga.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E&quot;));</script>
	<script type='text/javascript'>try {var pageTracker = _gat._getTracker(&quot;UA-9969764-2&quot;);pageTracker._trackPageview();} catch(err) {}</script>


<style>  #wrap{display:none}

      </style>

<script src='https://sites.google.com/site/harrisvistalis/css-js-vistalis/percik.js' type='text/javascript'/><br/>
<script src='https://sites.google.com/site/harrisvistalis/css-js-vistalis/firefly2.js' type='text/javascript'/><br/>
<script type='text/javascript'>
$(document).ready(function() {
$.firefly({
/*images : [&#39;http://cyberxshare.googlecode.com/files/percik.png&#39;,
&#39;https://sites.google.com/site/harrisvistalis/css-js-vistalis/percik%20%281%29.png&#39;,
&#39;https://sites.google.com/site/harrisvistalis/css-js-vistalis/percik%20%281%29.png&#39;,
&#39;http://cyberxshare.googlecode.com/files/percik.https://sites.google.com/site/harrisvistalis/css-js-vistalis/percik%20%281%29.png&#39;],*/
images : [&#39;https://sites.google.com/site/harrisvistalis/css-js-vistalis/percik%20%281%29.png&#39;,
&#39;https://sites.google.com/site/harrisvistalis/css-js-vistalis/percik%20%281%29.png&#39;],
total : 60
});
});
</script>

  </b:if>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type='text/javascript'>
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  </script>
<div id='navbar-iframe-container'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<script type='text/javascript'>
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes  gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;//www.blogger.com/navbar.g?targetBlogID\0751459987861998472707\46blogName\75EGGI+IMCYBER\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://eggi-imcyber.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://eggi-imcyber.blogspot.com/\46vt\0753422147369684373610&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      </script><script type='text/javascript'>
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div></div>
<div id='wrap'>
<nav id='nav'>
<ul>
  <li><a href='/'>Home</a></li>
  <li><a href='/search'>About</a></li>
  <li><a href='/search/label/?max-results=5'>Post</a></li>
  <li><a href='/p/daftar-isi-eggi-imcyber.html'>Archive</a></li>
  <li><a href='/p/tukaran-link-link-exchange.html'>Link Exc</a></li>
  <li><a href='https://www.facebook.com/harris.munaharr'>Contact</a></li>
<li><a href='http://www.blogger.com/follow-blog.g?blogID=1459987861998472707' rel='nofollow' target='_blank'>Follow</a></li>
</ul>
</nav>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>  
  <style>
    #copyright { font-size: 14px; }

body {
text-align:center;
font-size: 14px;
margin:0 auto;
padding:0;
font-family: &#39;Open Sans&#39;,arial narrow,arial,sans serif;
color:#fff;
line-height:130%;
background:url(http://3.bp.blogspot.com/-dmdC5nNJFHw/T_6c1nXLbdI/AAAAAAAADMQ/dqtTl1SxDrU/s1600/wood-oak.jpg);
}
.post-dalem{text-align:center;
font-size: 27px;
margin:0 auto;
padding:0;
font-family: &#39;Open Sans&#39;,arial narrow,arial,sans serif;
color:#fff;
line-height:130%;
h1,h2,h3,h4,h5,h6 {
font-family:Arial,sans-serif;
color:black;
font-weight:normal;
      }</style>
<div id='header'> 
<b:section class='logoblogazine' id='blog-title' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Pushing Pixels (Header)' type='Header'>
     <b:includable id='main'>
<div id='header11'> 
  <b:if cond='data:useImage'>
  <b:else/>
    <!--No header image -->

  </b:if>
</div>
</b:includable>
     <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
     <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
   </b:widget>
 </b:section> 
<ul class='nav'>
<b:section class='link-menu' id='link-menu' showaddelement='no'>
  <b:widget id='LinkList1' locked='true' title='' type='LinkList'>
    <b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
  </b:widget>
</b:section>
</ul>
  </div></b:if>
<div class='clear'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>

</b:if> </b:if>
<div class='clear'/>
<b:section class='main' id='main' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
    <b:includable id='main' var='top'>                  <!-- posts area-->
  <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
      <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.labels'>
          <b:include data='post' name='post'/>
      <b:else/>
          <b:include data='post' name='post'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>   <!-- navigation -->
          <div class='pager'>
              <b:include name='nextprev'/>
          </div>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
          <data:adEnd/>
          <data:adCode/>
          <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>
  <div class='clear'/>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>   <!-- navigation -->
     <div class='pager'>
        <b:include name='nextprev'/>
     </div>
  </b:if>
  <b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div id='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='410' id='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
 <div class='tooggle-koment'>
<li><a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>Komentar<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if> /
</a></li>di:<li><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'> / <data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if></li>
</div>
 <div class='mask'>
  <div class='comments'>
    <div id='disqus_thread'/>
        <div id='disqus_thread'/>
    <script type='text/javascript'>
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = &#39;vistalis&#39;; // required: replace example with your forum shortname

        /* * * DON&#39;T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
            dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
            (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href='http://disqus.com/?ref_noscript'>comments powered by Disqus.</a></noscript>
    <a class='dsq-brlink' href='http://disqus.com'>comments powered by <span class='logo-disqus'>Disqus</span></a>
    
  </div>  </div>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>
    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
    <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
    <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>
    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&amp;rsaquo;</a>
      </div>
      <div class='mobile-post-contents'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='mobile-index-thumbnail'>
            <div class='Image'>
              <img expr:src='data:post.thumbnailUrl'/>
            </div>
          </div>
        </b:if>
        <div class='post-body'>
          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        </div>
      </div>
      <div style='clear: both;'/>
    </div>
    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</b:includable>
    <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>


   <b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;laquo;</a>
      </div>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;raquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>
  </div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div id='bottom' style='margin-top:100px;'>	
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Next</a>
      </span>
    </b:if>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>Prev</a>
      </span>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>  </div>     </b:if>   
</b:includable>
    <b:includable id='post' var='post'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<div id='singlecontent'>
<div class='post' id='post-130'>
<div class='entry'>
<div class='post-dalem'>
<p><data:post.body/></p>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
</div></div>
</b:if> 
<div class='clear'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>  
<div class='box clearfix' id='post'>
<div class='boxmeta'>
<span class='author'><data:post.author/></span>
<span class='time'><script type='text/javascript'>
var timestamp = &quot;<data:post.dateHeader/>&quot;;
if (timestamp != &#39;&#39;) {
var timesplit = timestamp.split(&quot;,&quot;);
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(&quot; &quot;);
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<script type='text/javascript'>document.write(date_dd);</script> - 
<script type='text/javascript'>document.write(date_mmm);</script> - 
<script type='text/javascript'>document.write(date_yyyy);</script></span>


</div>

<div class='titleposting'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if></h2>
<div class='clear'/>
</div>
</div>

</b:if></b:if></b:if>



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='singlecontent'>
<div class='post' id='post-130'>
<div class='title'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if></h2>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-dalem'>
<p><data:post.body/></p>
<div class='clear'/>
</div>
</b:if>


</div>





</div>




</b:if>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <p class='pagetitle'>Archive for <data:blog.pageName/></p>
  </b:if>
  <b:if cond='data:navMessage'>
    <p class='pagetitle'><data:navMessage/></p>
  </b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var postId = &#39;<data:post.id/>&#39;;
      var feed = &#39;<data:post.commentFeed/>&#39;;
      var authorName = &#39;<data:post.author/>&#39;;
      var authorUrl = &#39;<data:post.authorUrl/>&#39;;
      var blogId = &#39;<data:top.id/>&#39;;
      var baseUri = &#39;<data:post.commentBase/>&#39;;
      var maxThreadDepth = &#39;<data:post.commentMaxThreadDepth/>&#39;;
// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }
      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = feed;
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var tok = 'comment-form_';
      var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

      // Configure commenting API:
      var configJso = {
        'maxDepth': maxThreadDepth
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
  <b:include name='threaded_comment_css'/>

  <div class='comments' id='comments'>
   <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>
<div id='footer-wrapper'>
  <div id='footer'>
    <div class='footcol' id='fcol1'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'/>
    </div>

    <div class='footcol' id='fcol2'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
    </div>

    <div class='footcol' id='fcol3'> 
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
    </div>
    <div class='clear'/>
  </div>
<footer id='footer'>
<section class='footer section' id='footer1'/>
</footer>
<div class='clear'/>
<footer id='footer'><section class='footer section' id='footer1'/></footer><footer class='footerwrap'><div class='footerbody'><article class='footergrd'><div class='footergrd-m1'/><section class='footergrd-c3'><h5 class='title-grd'>Tentang</h5><div class='profil-image-home'><a href='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/1208648_536357516444624_111388684_n.jpg'><img alt='andre pandet rank khoerai' class='profile-img' id='profil' src='http://1.bp.blogspot.com/-89IDO307jLI/Up6LugcP0fI/AAAAAAAABuE/inoNO3ZjZWA/s1600/wew1208648_536357516444624_111388684_n.jpg' width='72'/></a><div class='profil-image-icon'><a class='fb' href='http://www.facebook.com/harris.munaharr' target='_blank'/><a class='twitter' href='https://twitter.com/harrismunahar' target='_blank'/><a class='google-plus' href='https://plus.google.com/u/0/108826256604033453148' rel='publisher' target='_blank '/></div></div>

<div class='profil-dep-home'>
<p>
saya 
<a href='https://plus.google.com/108826256604033453148'>
Harris Munahar 
</a>
berasal dan lahir dari sebuah kota kecil kota Tangerang - Banten .Saya sangat suka typography / Sans Serif,karna menurut saya font ini memiliki karakter nya sangat luar binasa dan mampu menyilau kan mata :),selengkap nya silahkan sobat menuju link 
<a href='http://binal33.blogspot.com/p/about.html'>
About me
</a>
</p>
</div>
</section>
<div class='footergrd-m2'/>
<section class='footergrd-c2'>
<h5 class='title-grd'>
X - 31
</h5>
<ol>
<li>
<a href='/p/terms-of-service.html' title='Terms and conditions'>
   Terms  conditions
</a>
</li>
<li>
<a href='/p/privacy-policy_18.html' title='Privacy Policy'>
   Privacy Policy
</a>
</li>
<li>
<a href='/p/link.html' title='Logo'>
  Link-list
</a>
</li>
<li>
<a href='/p/daftar-isi.html' title='x-31'>
   Sitemap
</a>
</li>

</ol>
</section>
<div class='footergrd-m3'/>
<section class='footergrd-c2'>
<h5 class='title-grd'>
Sponsor
</h5>
<nav>
<ul class='menu-3'>
<li class='blogger'>
<a href='http://blogger.com/' rel='nofollow' target='_blank' title='blogger.com'>
blogger
</a>
</li>
<li class='g-site'>
<a href='https://sites.google.com/' rel='nofollow' target='_blank' title='sites.google.com'>
Google Site
</a>
</li>
<li class='disqus'>
<a href='http://disqus.com/' rel='nofollow' target='_blank' title='disqus.com'>
disqus
</a>
</li>
<li class='w3c'>
<a href='http://www.w3.org/' rel='nofollow' target='_blank' title='www.w3.org'>
W3C
</a>
</li>
</ul>
</nav>
</section>
<br style='clear:both'/>
</article>
</div>
</footer>
<aside id='copyright'>
<p>
<small>
<span>
Copyright &#169; 
<span class='hrecipe'>
<span class='review hreview-aggregate'>
| Recipes : 
<span class='rating'>
<span class='average'>
4.9
</span>
- 
<span class='count'>
99
</span>
</span>
</span>
<img alt='i ? u - Aguz-Kurniawan Tangerang' class='photo' src='http://lh5.googleusercontent.com/-kD-pvekvZHo/UTuAV5bnU-I/AAAAAAAAE4s/4Armd4HSscQ/s400/logo.jpg' style='display:none'/>
<span class='name'>
<span class='fn' style='display:none'>
i &#9829; u - Aguz Kurniawan - Tangerang Banteng
</span>
</span>
</span>
</span>
<span>
  - tangerang-banten people |<script>
  document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x76\x61\x6C\x69\x64\x61\x74\x6F\x72\x2E\x77\x33\x2E\x6F\x72\x67\x2F\x63\x68\x65\x63\x6B\x2F\x72\x65\x66\x65\x72\x65\x72\x27\x20\x72\x65\x6C\x3D\x27\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x20\x74\x69\x74\x6C\x65\x3D\x27\x56\x61\x6C\x69\x64\x20\x58\x48\x54\x4D\x4C\x20\x75\x74\x66\x2D\x38\x20\x28\x75\x6E\x69\x63\x6F\x64\x65\x2C\x77\x6F\x72\x6C\x64\x77\x69\x64\x65\x29\x27\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x58\x48\x54\x4D\x4C\x20\x75\x74\x66\x2D\x38&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x2F\x61\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x62\x72\x2F\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x50\x6F\x77\x65\x72\x65\x64\x20\x62\x79\x20&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x73\x3A\x2F\x2F\x6D\x65\x74\x72\x6F\x2D\x76\x63\x61\x72\x64\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x20\x74\x69\x74\x6C\x65\x3D\x27\x42\x6C\x6F\x67\x67\x65\x72\x27\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x48\x61\x72\x72\x69\x73\x20\x4D\x75\x6E\x61\x68\x61\x72&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x2F\x61\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x7C\x20\x42\x65\x73\x74\x20\x76\x69\x65\x77\x65\x64\x20\x69\x6E\x20&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x6F\x7A\x69\x6C\x6C\x61\x2E\x6F\x72\x67\x2F\x65\x6E\x2D\x55\x53\x2F\x66\x69\x72\x65\x66\x6F\x78\x2F\x6E\x65\x77\x2F\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x20\x74\x69\x74\x6C\x65\x3D\x27\x44\x6F\x77\x6E\x6C\x6F\x61\x64\x20\x4D\x6F\x7A\x69\x6C\x61\x27\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x44\x6F\x77\x6E\x6C\x6F\x61\x64\x20\x4D\x6F\x7A\x69\x6C\x61&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x2F\x61\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x2D\x20&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x73\x3A\x2F\x2F\x77\x77\x77\x2E\x67\x6F\x6F\x67\x6C\x65\x2E\x63\x6F\x6D\x2F\x63\x68\x72\x6F\x6D\x65\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x20\x74\x69\x74\x6C\x65\x3D\x27\x44\x6F\x77\x6E\x6C\x6F\x61\x64\x20\x47\x6F\x6F\x67\x6C\x65\x20\x43\x68\x72\x6F\x6D\x65\x27\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x47\x6F\x6F\x67\x6C\x65\x20\x43\x68\x72\x6F\x6D\x65&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x3C\x2F\x61\x3E&quot;);document[&quot;\x77\x72\x69\x74\x65&quot;](&quot;\x2B\x20\x61\x74\x20\x31\x32\x38\x30\x78\x31\x30\x32\x34\x20\x6F\x72\x20\x68\x69\x67\x68\x65\x72\x20\x72\x65\x73\x6F\x6C\x75\x74\x69\x6F\x6E\x20&quot;);</script>
</span>
</small>
</p>
</aside> <b:if cond='data:blog.homepageUrl == data:blog.url'>



<style>
  #footer-wrapper, #copyright {display:none}</style>
 </b:if></div></body> 
</html>
